<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/college.css"/>
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<body>
		<div class="wrap">
			<!--热搜-->
			<input type="checkbox" id="sousuo" />
			<!--菜单-->
			<input type="checkbox" id="login_btn" />
			<!--立即登录-->
			<input type="checkbox" id="at_once" />
			<!--登录-->
			<input type="checkbox" id="enter" />
			<!--退出登录-->
			<input type="checkbox" id="logout" />
			<!--返回首页-->
			<!--<input type="checkbox" id="return" />-->
			<header>
				<!--头部导航部分-->
				<div class="top">
					<div class="top_reg fl">
						<label for="login_btn"><img src="img/menu.png"/></label>
					</div>
					<h1 class="logo">
						<img src="img/nav_logo.png"/>
					</h1>
					<div class="search fr">
						<label for="sousuo"><i class="iconfont icon-search"></i></label>
					</div>
				</div>
				<!--轮播图部分-->
				<div class="banner">
					<div class="box swiper-container">
						<ul class="clearfix swiper-wrapper">
							<li class="swiper-slide">
								<a href="#">
									<img src="img/01.jpg"/>
								</a>
								<div class="banner_bot">
									<p class="title"><a href="#">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a></p>
									<p class="sub clearfix">
										<span class="like">
											<i class="iconfont icon-buoumaotubiao16"></i>
											120
										</span>
										<span class="looked">
											<i class="iconfont icon-eye"></i>
											560
										</span>
										<span class="time">12月26日 07:33:43</span>
									</p>
								</div>
							</li>
							<li class="swiper-slide">
								<a href="#">
									<img src="img/02.png"/>
								</a>
								<div class="banner_bot">
									<p class="title"><a href="#">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a></p>
									<p class="sub clearfix">
										<span class="like">
											<i class="iconfont icon-buoumaotubiao16"></i>
											120
										</span>
										<span class="looked">
											<i class="iconfont icon-eye"></i>
											560
										</span>
										<span class="time">12月26日 07:33:43</span>
									</p>
								</div>
							</li>
							<li class="swiper-slide">
								<a href="#">
									<img src="img/03.jpg"/>
								</a>
								<div class="banner_bot">
									<p class="title"><a href="#">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a></p>
									<p class="sub clearfix">
										<span class="like">
											<i class="iconfont icon-buoumaotubiao16"></i>
											120
										</span>
										<span class="looked">
											<i class="iconfont icon-eye"></i>
											560
										</span>
										<span class="time">12月26日 07:33:43</span>
									</p>
								</div>
							</li>
							<li class="swiper-slide">
								<a href="#">
									<img src="img/04.jpg"/>
								</a>
								<div class="banner_bot">
									<p class="title"><a href="#">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a></p>
									<p class="sub clearfix">
										<span class="like">
											<i class="iconfont icon-buoumaotubiao16"></i>
											120
										</span>
										<span class="looked">
											<i class="iconfont icon-eye"></i>
											560
										</span>
										<span class="time">12月26日 07:33:43</span>
									</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</header>
			<section>
				<div class="content">
					<ul>
						<li>
							<div class="course w">
								<div class="course_top clearfix">
									<div class="top_l fl">
										<div class="touxiang"></div>
										<div class="name">
											<p>KIMIN</p>
											<p>网络互动中心设计师</p>
										</div>
										<h3>高端移动应用开发</h3>
									</div>
									<div class="top_r fr">
										<div class="apply">
											<a href="#">预约报名</a>
											<div class="left_arr">
												<img src="img/left-arr.png"/>
											</div>
										</div>
										<p>10月19日 14:00 - 17:30</p>
									</div>
								</div>
								<div class="course_bot">
									<img src="img/cour_01.png"/>
								</div>
							</div>
						</li>
						<li>
							<div class="course w">
								<div class="course_top clearfix">
									<div class="top_l fl">
										<div class="touxiang"></div>
										<div class="name">
											<p>KIMIN</p>
											<p>网络互动中心设计师</p>
										</div>
										<h3>高端移动应用开发</h3>
									</div>
									<div class="top_r fr">
										<div class="apply">
											<a href="#">预约报名</a>
											<div class="left_arr">
												<img src="img/left-arr.png"/>
											</div>
										</div>
										<p>10月19日 14:00 - 17:30</p>
									</div>
								</div>
								<div class="course_bot">
									<img src="img/cour_01.png"/>
								</div>
							</div>
						</li>
						<li>
							<div class="course w">
								<div class="course_top clearfix">
									<div class="top_l fl">
										<div class="touxiang"></div>
										<div class="name">
											<p>KIMIN</p>
											<p>网络互动中心设计师</p>
										</div>
										<h3>高端移动应用开发</h3>
									</div>
									<div class="top_r fr">
										<div class="apply">
											<a href="#">预约报名</a>
											<div class="left_arr">
												<img src="img/left-arr.png"/>
											</div>
										</div>
										<p>10月19日 14:00 - 17:30</p>
									</div>
								</div>
								<div class="course_bot">
									<img src="img/cour_01.png"/>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</section>
			<!--底部导航栏-->
			<footer>
				<!--加载更多-->
				<div class="load">
					<p><a href="#">加载更多</a></p>
				</div>
				<div class="footer_nav">
					<ul class="clearfix">
						<li>
							<a href="index.html">
								<span class="home"></span>
								<p>首页</p>
							</a>
							<span class="nav_line"></span>
						</li>
						<li>
							<a href="gimc_page.html">
								<span class="gimc"></span>
								<p>GIMC</p>
							</a>
							<span class="nav_line"></span>
						</li>
						<li>
							<a href="article.html">
								<span class="article"></span>
								<p>文章</p>
							</a>
							<span class="nav_line"></span>
						</li>
						<li>
							<a href="resource.html">
								<span class="resource"></span>
								<p>资源</p>
							</a>
							<span class="nav_line"></span>
						</li>
						<li>
							<a href="college.html">
								<span class="college"></span>
								<p class="current">学院</p>
							</a>
						</li>
					</ul>
				</div>
			</footer>
			<!--热搜模块-->
			<div class="top_search">
				<div class="search_head">
					<label for="sousuo" class="close">
						<img src="img/close.png"/>
					</label>
					<form action="" method="post" enctype="multipart/form-data">
						<label for="search" class="fangda">
							<img src="img/fangdajing.png"/>
						</label>
						<input type="text" name="search" id="search" placeholder="Search" />
					</form>
				</div>
				<div class="search_body w">
					<h3>热搜</h3>
					<div class="tabs">
						<ul class="clearfix">
							<li>
								<a href="#">
									<p class="four-w">省广股份</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="four-w">移动互联网</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="six-w">细分平台业务</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="three-w">O2O</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="four-w">媒介平台</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="six-w">拥抱变革，创造未来</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="four-w">平台</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p class="six-w">上海金投赏创意节</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--登录界面-->
			<div class="login_page">
				<div class="w">
					<div class="login_top">
						<div class="close_img">
							<label for="login_btn"><img src="img/close.png"/></label>
						</div>
					</div>
					<div class="login_mid">
						<div class="touxiang">
							<a href="#">
								<img src="img/mx-nologin.png"/>
							</a>
						</div>
						<h3><label for="at_once">立即登录</label></h3>
						<p><a href="#">忘记密码</a></p>
					</div>
					<div class="login_bot">
						<ul>
							<li class="clearfix">
								<input type="checkbox" id="menu" />
								<label for="menu" class="clearfix">
									<div class="li_title fl">GIMC</div>
								</label>
								<div class="btn rotate">
									<img src="img/btn.png"/>
								</div>
								<div class="li_menu">
									<p><a href="#">省广介绍</a></p>
									<hr />
									<p><a href="#">新闻资讯</a></p>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">文章</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">资源</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">课程</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--登录页面-->
			<div class="login">
				<div class="login_logo">
					<img src="img/common_logo.png"/>
				</div>
				<form action="" method="post" enctype="multipart/form-data">
					<div class="form_inp">
						<label class="user_name clearfix">
							<span><i class="iconfont icon-z-user"></i></span>
							<input type="text" name="user" placeholder="请输入已验证的手机号或邮箱" />
						</label>
						<label class="user_psw clearfix">
							<span><i class="iconfont icon-mima"></i></span>
							<input type="password" name="psw" placeholder="请输入密码" />
						</label>
						<p class="forget_psw"><i class="iconfont icon-wenhao"></i><a href="#">忘记密码</a></p>
					</div>
					<div class="form_btn clearfix">
						<label for="enter" class="clearfix">
							<div class="enter">登录</div>
						</label>
						<div class="register">注册</div>
					</div>
				</form>
			</div>
			<!--个人中心页-->
			<div class="my_center">
				<div class="center_search">
					<label for="at_once" class="close">
						<img src="img/close.png"/>
					</label>
					<form action="" method="post" enctype="multipart/form-data">
						<label for="search" class="fangda">
							<img src="img/fangdajing.png"/>
						</label>
						<input type="text" name="search" id="search" placeholder="Search" />
					</form>
				</div>
				<div class="center_bd">
					<div class="user_pic">
						<div class="num">1</div>
					</div>
					<div class="user_mid">
						<ul>
							<li>
								<span class="name">陈小敏</span>
								<span class="personal"><a href="#">个人中心 ></a></span>
							</li>
							<li>
								<div class="star_num clearfix">
									<div class="star">
										<img src="img/star.png"/>
									</div>
									<div class="star">
										<img src="img/star.png"/>
									</div>
									<div class="star">
										<img src="img/star.png"/>
									</div>
									<div class="star">
										<img src="img/star.png"/>
									</div>
								</div>
							</li>
							<li>
								<p>关注<a href="#">36</a><span>|</span>粉丝<a href="#">290</a></p>
							</li>
							<li>
								<div class="collect"><a href="#">我的收藏</a></div>
								<div class="publish"><a href="#">我的发布</a></div>
							</li>
						</ul>
					</div>
					<div class="user_bot w">
						<ul>
							<li class="clearfix">
								<input type="checkbox" id="user_menu" />
								<label for="user_menu" class="clearfix">
									<div class="li_title fl">GIMC</div>
								</label>
								<div class="btn rotate">
									<img src="img/btn.png"/>
								</div>
								<div class="li_menu">
									<p><a href="#">省广介绍</a></p>
									<hr />
									<p><a href="#">新闻资讯</a></p>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">文章</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">资源</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
							<li class="clearfix">
								<div class="li_title fl">课程</div>
								<div class="btn fr">
									<img src="img/btn.png"/>
								</div>
							</li>
						</ul>
					</div>
					<!--退出按钮-->
					<div class="exit">
						<label for="enter">退出</label>
					</div>
				</div>
			</div>
		</div>
		<script>
			var swiper1 = new Swiper('.swiper-container', {
				effect : 'flip',
  				flipEffect: {
    				slideShadows : true,
    				limitRotation : true,
  				},
    			loop: true,
				autoplay: true,//可选选项，自动滑动
			})
		</script>
	</body>
</html>
